<div class="well gray-grad border-top bar-item">
	<h3>Subambitos y Actividades</h3>
	<ul class="list-unstyled">
		<li ng-repeat="elem in subAmbitosElems">
			<a ng-href="#/home/{{elem.id}}/actividad" >{{elem.codigo}} - {{elem.nombre}}</a>			
		</li>		
	</ul>
	
	<form ng-submit="anotarse()">
		<button type="submit">Anotarse en {{ambitoId}}</button>
	</form>	
	
	<h3>Muro</h3>
	<p>Este es el muro donde van los "logs" de los eventos que ocurren en la actividad, nadie puede editar
	ni crear entradas directamente al muro, son creadas en forma automática por el sistema</p>
	<div class="wall-log">
		<li ng-repeat="elem in muroElems">
			<a>{{elem.text}}</a>	
		</li>
	</div>
</div>
<div class="well gray-grad border-top bar-item">
	<h3>Cartelera</h3>
	<p>Esta es la cartelera, tiene los post que decidieron colocar los coordinadores, solo ellos
	pueden crear y editar tales post</p>
	<div class="post-log">
		<li ng-repeat="elem in carteleraElems">
			<a>{{elem.text}}</a>	
		</li>	
	</div>
	<form ng-submit="updateCartelera()">
		<input type="text" ng-model="message" name="message" style="width:100%; margin-top:10px;"/>
		<button type="submit">Publicar</button>
	</form>	
</div>
<div class="well gray-grad border-top bar-item">
		<h3>Chat</h3>
		<div class="well gray2-grad">
			<p class="border-bottom">Participantes Online</p>
			<ul class="nav nav-list">
				<li class="bar-item">Pepe</li>
				<li class="bar-item">Juancho</li>
			</ul>
		</div>
		<div class="well gray2-grad">
			<p class="border-bottom">Coordinadores Online</p> 
			<ul class="nav nav-list">
				<li class="bar-item">Ricardo</li>
				<li class="bar-item">Esteban</li>
			</ul>
		</div>		
		<form ng-submit="updateChat()">
			<textarea ng-model="chat" readonly style="width:100%; height:140px;">{{chat}}</textarea>
			<input type="text" ng-model="message" name="message" style="width:100%; margin-top:10px;"/>
			<button type="submit">Enviar</button>
		</form>
</div>